/* CSS Ver Lite */
/* Version: 4.0 || Date: 2006-9-21 || Author: Cyrano */
/* DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN */

body {color: #333333;background-color: #ffffff;}

a {font-size:  small; color:#112a4d; text-decoration: none;}
a img {border:none;}
a:hover {font-size:  small; color: #006ca3; text-decoration: underline;}

hr {color: #999999;	height: 1px; width:98%; text-align:center;}
hr.dot {border: 1px dotted #999999;}

/* Secial Text Style or Color */
.Date {font-size:10px;color: #666666;} 
.Color1 {font-size: small;color: #b11a1a;} 
.Color2 {font-size: small;color: #155693;} 
.Color3 {font-size: small;color: #FFFFFF;}
.Color4 {font-size: small;color: #E8F013;}
.ColorTitle {font-weight: bold; color: #2d5494;}

/* Form or Component Style */
/*** Table ***/
.TableNoBorder {border-collapse: collapse; background-color:#FFFFFF;}
.TableNoBorder td{font-size:9pt; border: #CCCCCC 1px solid;}
.Table {border: #999999 1px solid; border-collapse: collapse; background-color:#FFFFFF;}
.Table td { font-size: 9pt; border: #CCCCCC 1px solid;}
.Table a {font-size: 9pt;}
.Table a:hover {font-size: 9pt;}
.Noborder td {border:none;}
.TableHeader {background-color:#006ca3;height:20px;font-weight: bold;color: #ffffff;text-align: center;}
.TableHeader a {color: #eaf0f8;text-decoration: none}
.TableHeader a:hover {color: #e1df23;text-decoration: none}
.TableHeader th {font-size: 9pt;}
.TableItem {color: #666666; background-color: #f1f2f3;text-align: center;}
.TableAlternatingItem {color: #666666; background-color: #FCFCFC;text-align:center;}
.TableMouseOverItem {color: #333333;background-COLOR: #FAF8CE;text-align:center;}
.TableSelectedItem {color: #ffffff;background-COLOR: #7396ca;text-align:center;}
.TableFunction {color: #003f88; background-image: url(../skins/lite/TableFuncBg.gif);} 
.TablePager {color: #003f88;background-COLOR: #e2e8ee;text-align:center;}
.TablePager input.gototxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	background-color: #FFFCF9;
	border: 1px solid #9C9491;}
.TablePager input.gotobtn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:11px;
	height: 16px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	}
.TableEditColumns input{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000000;
	height: 19px;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	padding-top:1px;}
	
.DivFunction {color: #003f88; background-image: url(../skins/lite/TableFuncBg.gif);height:20px; border: #999999 1px solid; border-bottom:none; padding:5px;}

/*** Article Style ***/
.Article {border:1px #CCCCCC dashed; background-color:#FFFFFF; padding:20px; margin:10px;}
#ArticleTitle {text-align:center;}
#ArticleTitle h1{font-size:18px;color: #2d5494;}
#ArticleTitle h2{font-size:16px;color: #333333;}
#ArticleImg {text-align:center;}
#ArticleInfo {text-align:center; font-weight:bold;}
#ArticleContent {line-height:24px; color: #444444; font-size:14px;}
#ArticleContent p{text-indent:18pt; line-height:24px;}
#ArticleBar {text-align:right;}
.PictureLeft {float:left;margin-right:20px;}
.PictureRight {float:Right;margin-left:20px;}

/*** Calendar Style Used by Calendar.js ***/
.WSCL_BG {color: #FFFFFF; background-color: #A2BBD7;}
#WSCL_TableDay td {color: #2d5494; background-color: #FAFAFA; font: bold 10px Verdana; }
#WSCL_YearHead, #WSCL_MonthHead {color: #2d5494; font-size:10px; height:18px;}
div#DIV_Calendar { position: absolute; left: 0px; top: 25px; }
.WSCL_Out { text-align:center; border: 1px solid #FFFFFF; font-weight:bold;}
.WSCL_Over { text-align:center; border: 1px solid #F6F6F6; font-weight:bold;}

/*** Tree Style Used by ComponentArt ***/
.TreeView {border: #999999 1px solid; padding-top:2px;}
.TreeView td {border: none; cursor:default;}
.TreeNode {padding:1px 3px 0px 3px;}
.HoverTreeNode {padding:1px 3px 0px 3px; color: #648bcb; text-decoration: underline;}
.SelectedTreeNode {padding:1px 3px 0px 3px; background-color: #7396ca; color:#ffffff;}
.NodeEdit {border:1px silver solid;}

/*** Template Color Style ***/
body {background-color:#ffffff;}
#TopFrame {background: #0066cc url(../images/TopFrameBG.png) repeat-x;}
#FootFrame {background: #0066cc url(../images/FootFrameBG.png) repeat-x;}

#LeftFrame .SubMenuPart {border:1px solid #cccccc; background-color:#ffffff; }
#LeftFrame .SubMenuPart .SubMenu {color:#333333; background-color: #cccccc;}
#LeftFrame .SubMenuPart .SubMenu a{color:#333333;}
#LeftFrame .SubMenuPart .TrdMenuPart a{color: #666666;}

#LeftFrame .SubMenuPartOver {border:1px solid #006ca3; background-color:#ffffff;}
#LeftFrame .SubMenuPartOver .SubMenu {color:#ffffff; background-color: #006ca3;} 
#LeftFrame .SubMenuPartOver .SubMenu a{color:#ffffff;}
#LeftFrame .SubMenuPartOver .TrdMenuPart a{color: #333333;}
#LeftFrame .SubMenuPartOver .TrdMenuPart a:hover{color: #006ca3;}

#LeftFrame .SubMenuPart:hover {border:1px solid #006ca3; background-color:#ffffff;}
#LeftFrame .SubMenuPart:hover .SubMenu {color:#ffffff; background-color: #006ca3;} 
#LeftFrame .SubMenuPart:hover .SubMenu a{color:#ffffff;}
#LeftFrame .SubMenuPart:hover .TrdMenuPart a{color: #333333;}
#LeftFrame .SubMenuPart:hover .TrdMenuPart a:hover{color: #006ca3;}

#MainDiv {background: url(../images/MainFrameBG.png) repeat-x;}
#SiteMapBar {border-bottom:1px dotted #cccccc; background-color:#FFFFFF;}
#SiteMapBar .DivFloatLeft {color: #2d5494;}

/*** Template Frame Page Style ***/
/*** TopFrame ***/
#TopFrame {height:80px; clear:both;}
#TopFrame #Logo {float:left; text-align:center;}
#TopFrame #SysTitle {float:left;}
#TopFrame h1 {color:#ffffff; font-size: 10.5pt; font-weight:bold; margin:10px; text-align:center;}
#TopFrame #Links {font-size:9pt; margin:10px; text-align:center; color:#ffffff;}
#TopFrame #Links #UserName { background: url(../images/Icon_User.gif) no-repeat; padding-left: 20px; color:#ffff33; font-weight:bold; font-size:9pt;}
#TopFrame #Links a {color:#ffffff; font-size:9pt;}
#TopFrame #Links a:hover {color:#ffff33; text-decoration:none; font-size:9pt;}

#TopFrame #Menu {float:right; text-align:center;}
#TopFrame #Menu a {font-size:9pt; color:#ffffff; display:block; font-weight:bold; height:75px; width:75px; float:left; margin-left:1px; padding-top:4px;}
#TopFrame #Menu a:hover {font-size:9pt; color:#ffffff; text-decoration:none;}

/*** FootFrame ***/
#FootFrame {height:40px; clear:both;}
#FootFrame #TechInfo { float:left; display:inline; font-size:9pt; font-weight:bold; color:#ffffff; background: url(../images/WicresoftLogo.png) no-repeat; text-indent:20px; padding:6px; margin:6px;}
#FootFrame #Copyright { float:right; display:inline; font-size:9pt; color:#ffffff; padding:6px; margin:6px;}

/*** LeftFrame ***/
#LeftFrame {width:180px; height:450px;overflow:auto;}
#LeftFrame .SubMenuPart {margin:10px;}
#LeftFrame .SubMenuPartOver {margin:10px;}
#LeftFrame .SubMenu {padding:5px; height:15px; font-weight:bold;}
#LeftFrame .MenuLink {float:left; background: url(../images/Icon_SubMenu.gif) no-repeat; text-indent: 18px;}
#LeftFrame .MenuButton {float:right;}
#LeftFrame .TrdMenuPart{padding:10px;}

/*** MainFrame ***/
#MainDiv {margin:5px; height:400px; padding:10px; overflow:visible; clear:both;}
#PopupDiv {margin:5px; padding:10px;}
#LoadingDiv {filter: Alpha(Opacity=1);z-index:10000;visibility:visible;width:100%;cursor:wait;position:absolute;top:0px;left:0px; background-color:#ffffff;}
#LoadingContentDiv {filter:alpha(opacity=75);padding:20px;cursor:wait; font-weight:bold;text-align:center; background-color:#eeeeee;border:1px dotted #999999; position:absolute; z-index:10001;}

#SiteMapBar {height:15px; margin:5px; padding:10px;}
#SiteMapBar .DivFloatLeft{font-weight:bold; font-size:small; background: url(../images/Icon_WebSite.gif) no-repeat; text-indent:25px; padding-top:1px;}
#SiteMapBar .DivFloatRight {}
#SiteMapBar .DivFloatRight img{display:none;}
#ButtonBar {text-align:right; padding:5px;}
#ButtonBar3 {text-align:right; padding:5px;}
.DataPager {padding:5px; color: #666666;}

.Part {border:1px solid #006ca3; background-color:#ffffff;text-align: left;}
.Part .TitleBar {background-color:#006ca3; padding:5px;color:#ffffff; height:20px; text-align: left;}
.Part .TitleBar a{ background:url(../images/Icon_TitleBar.gif) no-repeat; padding-left: 15px; color:#ffffff; font-weight:bold;}
.Part .TitleBar a:hover{color:#ffff33;}